@charset "UTF-8";
/** 首页stylesheet zeyuan_html_pc_index  引入文件 common.scss header.scss  */
body, img, p, dl, dt, dd, ul, li, h1, h2 { margin: 0; padding: 0; }

html, body { font-family: "微软雅黑","Microsoft Yahei",Helvetica, sans-serif; text-align: left; }

a { text-decoration: none; }

ul { list-style: none; }

button { border: none; }

img { border: none; }

input, button { box-shadow: none; -webkit-box-shadow: none; -webkit-appearance: none; border: 0; border-radius: 0; background: transparent; -webkit-appearance: none; -webkit-box-sizing: border-box; /*消除ＩＯＳ　ｉｎｐｕｔ　　阴影*/ }

::-webkit-input-placeholder { /* WebKit browsers */ color: #CCCCCC; }

input:focus { outline: none; }

.wrap { width: 1100px; margin: 0 auto; }

#view_attendSignUp .form, #view_attendSignIn .form, #view_hosterSignUp .form, #view_attendResetPass .form, #view_hosterSignUp .form-wrap .signup-status .status-step { position: absolute; left: 0; top: 0; }

#view_home .sec1 > .wrap .hd-lv1 { position: absolute; left: 0; bottom: 0; }

.wrap:before, .section:before, .wrap:after, .section:after { content: ""; display: table; font: 0/0 a; }
.wrap:after, .section:after { clear: both; }

.cl-fl { float: left; }

.cl-fr { float: right; }

.cl-clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.cl-clear { zoom: 1; }

.icon { display: inline-block; vertical-align: -1px; }

.cl-fl { float: left; }

.cl-fr { float: right; }

.cl-clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.cl-clear { zoom: 1; }

.cl-list-time { position: absolute; right: 0; top: 0; }

/** 常规元素reset */
a { color: #333333; }

.wrap { position: relative; }

/** icon样式表 */
.icon-home { background-image: url(../images/sprites/sprite.png); background-position: 0px -142px; width: 31px; height: 31px; }

.icon-home2 { background-image: url(../images/sprites/sprite.png); background-position: -39px -142px; width: 31px; height: 31px; }

.icon-index1 { background-image: url(../images/sprites/sprite.png); background-position: -55px 0px; width: 40px; height: 43px; }

.icon-index2 { background-image: url(../images/sprites/sprite.png); background-position: 0px 0px; width: 47px; height: 41px; }

.icon-index3 { background-image: url(../images/sprites/sprite.png); background-position: -103px 0px; width: 44px; height: 37px; }

.icon-index4 { background-image: url(../images/sprites/sprite.png); background-position: 0px -49px; width: 43px; height: 43px; }

.icon-index5 { background-image: url(../images/sprites/sprite.png); background-position: -103px -45px; width: 37px; height: 37px; }

.icon-index6 { background-image: url(../images/sprites/sprite.png); background-position: -55px -51px; width: 38px; height: 35px; }

.icon-step1-on { background-image: url(../images/sprites/sprite.png); background-position: 0px -100px; width: 35px; height: 34px; }

.icon-step1 { background-image: url(../images/sprites/sprite.png); background-position: -43px -100px; width: 35px; height: 34px; }

.icon-step2-on { background-image: url(../images/sprites/sprite.png); background-position: -155px -42px; width: 32px; height: 36px; }

.icon-step2 { background-image: url(../images/sprites/sprite.png); background-position: -155px -86px; width: 32px; height: 36px; }

.icon-step3-on { background-image: url(../images/sprites/sprite.png); background-position: -86px -100px; width: 34px; height: 34px; }

.icon-step3 { background-image: url(../images/sprites/sprite.png); background-position: -155px 0px; width: 34px; height: 34px; }

.icon-user { background-image: url(../images/sprites/sprite.png); background-position: -78px -142px; width: 30px; height: 30px; }

/** 1通用头部-------------icon */
.icon-home { width: 31px; }

/** 1.循环动效 */
.revealOnScroll { opacity: 0; }

.revealOnScroll.animated { opacity: 1; }

.slide-market50 { -webkit-animation: slide-market50 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1; animation: slide-market50 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1; }

@-webkit-keyframes slide-market50 { 0% { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); }
  100% { opacity: 1; } }

@keyframes slide-market50 { 0% { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); }
  100% { opacity: 1; } }
/** 分页条样式 */
.page-num { width: 1000px; margin: 0 auto; margin-top: 80px; line-height: 34px; text-align: center; color: none; }
.page-num a { color: none; }
.page-num a { display: inline-block; width: auto; height: 34px; overflow: hidden; vertical-align: -13px; }
.page-num a.z_num, .page-num .z_pret { background: #F4F4F4; width: 34px; color: #333333; border-radius: 5px; border: 1px solid #ccc; }
.page-num .z_num:hover { background: #F97908; color: #fff; }
.page-num input.z_num { height: 34px; border: 1px solid #ccc; text-align: center; }
.page-num .z_pret { padding: 0px 5px; }

.header { position: relative; height: 110px; font-size: 18px; line-height: 110px; text-align: center; color: #232323; }
.header a { color: #232323; }
.header .background { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; }
.header .background .background-left, .header .background .background-right { width: 50%; height: 111px; }
.header .background .background-left { background: #293036; }
.header .background .background-right { background: #38C2DF; }
.header .wrap { background: url("../images/c_logo1.png") left center no-repeat; height: 111px; position: relative; }
.header .wrap .index-link { position: absolute; width: 285px; height: 108px; overflow: hidden; left: 0; top: 0; }
.header .wrap .nav { margin-left: 282px; }
.header .wrap .nav li { width: 145px; height: 111px; float: left; overflow: hidden; overflow: visible; background: #fff; }
.header .wrap .nav .nav-home { background: #293036; border-left: 1px solid #303840; }
.header .wrap .nav .nav-home.on, .header .wrap .nav .nav-home:hover { background: #F7551F; }
.header .wrap .nav .nav-home .icon { vertical-align: -10px; }
.header .wrap .nav .nav-link a { padding: 40px 10px; }
.header .wrap .nav .nav-link.on a, .header .wrap .nav .nav-link a:hover { color: #F7551F; border-bottom: 4px solid #F7551F; }
.header .wrap .nav .nav-user { width: 62px; background: #EEEDED; }
.header .wrap .nav .nav-user:hover .dropdown-menu { display: block; }
.header .wrap .nav .nav-user .dropdown-menu { display: none; }
.header .wrap .nav .nav-user .dropdown-menu li { height: 40px; width: 120px; font-size: 14px; line-height: 40px; text-align: center; color: none; border-bottom: 1px solid #ccc; }
.header .wrap .nav .nav-user .dropdown-menu li a { color: none; }

.footer { background: #293036; height: 60px; font-size: 14px; line-height: 60px; text-align: center; color: #fff; }
.footer a { color: #fff; }

html, body { height: 100%; }

.cl-input { border: 1px solid #E0DDDF; width: 375px; height: 54px; overflow: hidden; }

.cl-btn { width: 376px; height: 54px; overflow: hidden; background: #F75620; font-size: 22px; line-height: 54px; text-align: center; color: #fff; }
.cl-btn a { color: #fff; }

.header .wrap .nav .nav-user .signin-link { display: none; z-index: 100; position: absolute; }
.header .wrap .nav .nav-user .signin-link li { font-size: 14px; line-height: 60px; text-align: left; padding-left: 80px; height: 60px; width: 100px; }
.header .wrap .nav .nav-user .signin-link .attend-link { background: url("../images/cpr_c_bg2.jpg") #fff left center no-repeat; }
.header .wrap .nav .nav-user .signin-link .hoster-link { background: url("../images/cpr_c_bg3.jpg") #fff left center no-repeat; }
.header .wrap .nav .nav-user .btn-cover:hover .signin-link { display: block; }

#view_attendSignUp, #view_attendSignIn, #view_hosterSignUp, #view_attendResetPass { background: url("../images/cpr_c_bg1.jpg") center top no-repeat; }
#view_attendSignUp .sec1, #view_attendSignIn .sec1, #view_hosterSignUp .sec1, #view_attendResetPass .sec1 { height: 85%; }
#view_attendSignUp .wrap, #view_attendSignIn .wrap, #view_hosterSignUp .wrap, #view_attendResetPass .wrap { height: 100%; }
#view_attendSignUp .form, #view_attendSignIn .form, #view_hosterSignUp .form, #view_attendResetPass .form { width: 638px; height: 540px; overflow: hidden; top: 50%; margin-top: -270px; margin-left: -319px; left: 50%; border: 10px solid; border-color: rgba(255, 255, 255, 0.1); border-radius: 5px; }
#view_attendSignUp .form-wrap, #view_attendSignIn .form-wrap, #view_hosterSignUp .form-wrap, #view_attendResetPass .form-wrap { background: #fff; width: 100%; height: 100%; overflow: hidden; padding-top: 40px; }
#view_attendSignUp .form-wrap .title, #view_attendSignIn .form-wrap .title, #view_hosterSignUp .form-wrap .title, #view_attendResetPass .form-wrap .title { font-size: 20px; line-height: 3; text-align: center; }
#view_attendSignUp form .line, #view_attendSignIn form .line, #view_hosterSignUp form .line, #view_attendResetPass form .line { width: 376px; height: 58px; overflow: hidden; margin: 0 auto; margin-bottom: 10px; }
#view_attendSignUp form .input-code, #view_attendSignIn form .input-code, #view_hosterSignUp form .input-code, #view_attendResetPass form .input-code { width: 208px; height: 54px; overflow: hidden; }
#view_attendSignUp form .btn-getcode, #view_attendSignIn form .btn-getcode, #view_hosterSignUp form .btn-getcode, #view_attendResetPass form .btn-getcode { width: 157px; height: 52px; float: right; overflow: hidden; border: 1px solid #E0DDDF; font-size: 14px; line-height: 52px; text-align: center; background: #F4F2F1; }
#view_attendSignUp form .line-signup, #view_attendSignUp form .line-reset, #view_attendSignUp form .line-signup, #view_attendSignIn form .line-signup, #view_attendSignIn form .line-reset, #view_attendSignIn form .line-signup, #view_hosterSignUp form .line-signup, #view_hosterSignUp form .line-reset, #view_hosterSignUp form .line-signup, #view_attendResetPass form .line-signup, #view_attendResetPass form .line-reset, #view_attendResetPass form .line-signup { text-align: center; height: 40px; line-height: 40px; }
#view_attendSignUp form .line-signup a, #view_attendSignUp form .line-reset a, #view_attendSignUp form .line-signup a, #view_attendSignIn form .line-signup a, #view_attendSignIn form .line-reset a, #view_attendSignIn form .line-signup a, #view_hosterSignUp form .line-signup a, #view_hosterSignUp form .line-reset a, #view_hosterSignUp form .line-signup a, #view_attendResetPass form .line-signup a, #view_attendResetPass form .line-reset a, #view_attendResetPass form .line-signup a { color: #F75620; }
#view_attendSignUp form .line-signup .layui-form-checkbox, #view_attendSignUp form .line-reset .layui-form-checkbox, #view_attendSignUp form .line-signup .layui-form-checkbox, #view_attendSignIn form .line-signup .layui-form-checkbox, #view_attendSignIn form .line-reset .layui-form-checkbox, #view_attendSignIn form .line-signup .layui-form-checkbox, #view_hosterSignUp form .line-signup .layui-form-checkbox, #view_hosterSignUp form .line-reset .layui-form-checkbox, #view_hosterSignUp form .line-signup .layui-form-checkbox, #view_attendResetPass form .line-signup .layui-form-checkbox, #view_attendResetPass form .line-reset .layui-form-checkbox, #view_attendResetPass form .line-signup .layui-form-checkbox { margin-top: 0; }

#view_attendSignIn .hd { margin: 0 auto; width: 240px; height: 60px; overflow: hidden; }
#view_attendSignIn .hd .tabmenu { width: 100px; float: left; }
#view_attendSignIn .hd .tabmenu.on { color: #F75620; }
#view_attendSignIn .hd span { float: left; padding: 0 15px; }
#view_attendSignIn .form1 { display: none; }

#view_hosterSignUp { background: url("../images/cpr_c_bg1.jpg") center top no-repeat; }
#view_hosterSignUp .form { width: 1080px; height: 760px; overflow: hidden; top: 50%; margin-top: -380px; margin-left: -540px; left: 50%; border: 10px solid; border-color: rgba(255, 255, 255, 0.1); border-radius: 5px; }
#view_hosterSignUp .form-wrap { background: #fff; width: 100%; height: 100%; overflow: hidden; padding-top: 40px; }
#view_hosterSignUp .form-wrap .title { font-size: 20px; line-height: 1.5; text-align: center; }
#view_hosterSignUp .form-wrap .signup-status { margin: 0 auto; width: 610px; height: 100px; overflow: hidden; position: relative; background: url("../images/cpr_signupbg1.png") center center no-repeat; }
#view_hosterSignUp .form-wrap .signup-status .status-step { width: 62px; height: 62px; overflow: hidden; top: 16px; }
#view_hosterSignUp .form-wrap .signup-status .status-step1 { background: url("../images/cpr_signupbg2.png") center center no-repeat; left: 16px; }
#view_hosterSignUp .form-wrap .signup-status .status-step1.on { background: url("../images/cpr_signupbg2On.png") center center no-repeat; }
#view_hosterSignUp .form-wrap .signup-status .status-step2 { background: url("../images/cpr_signupbg3.png") center center no-repeat; left: 276px; }
#view_hosterSignUp .form-wrap .signup-status .status-step2.on { background: url("../images/cpr_signupbg3On.png") center center no-repeat; }
#view_hosterSignUp .form-wrap .signup-status .status-step3 { left: 526px; background: url("../images/cpr_signupbg4.png") center center no-repeat; }
#view_hosterSignUp .form-wrap .signup-status .status-step3.on { background: url("../images/cpr_signupbg4On.png") center center no-repeat; }
#view_hosterSignUp form .line { width: 376px; height: 58px; overflow: hidden; margin: 0 auto; margin-bottom: 10px; }
#view_hosterSignUp form .input-code { width: 208px; height: 54px; overflow: hidden; }
#view_hosterSignUp form .btn-getcode { width: 157px; height: 52px; float: right; overflow: hidden; border: 1px solid #E0DDDF; font-size: 14px; line-height: 52px; text-align: center; background: #F4F2F1; }
#view_hosterSignUp form .line-signup, #view_hosterSignUp form .line-reset, #view_hosterSignUp form .line-signup { text-align: center; height: 40px; line-height: 40px; }
#view_hosterSignUp form .line-signup a, #view_hosterSignUp form .line-reset a, #view_hosterSignUp form .line-signup a { color: #F75620; }
#view_hosterSignUp form .line-signup .layui-form-checkbox, #view_hosterSignUp form .line-reset .layui-form-checkbox, #view_hosterSignUp form .line-signup .layui-form-checkbox { margin-top: 0; }
#view_hosterSignUp .form1 { display: none; }
#view_hosterSignUp .form2 .column { width: 605px; height: 410px; overflow: hidden; margin: 0 auto; }
#view_hosterSignUp .form2 .column .left { width: 422px; }
#view_hosterSignUp .form2 .column .left .line { border: 1px solid #ccc; padding-top: 5px; padding-left: 10px; }
#view_hosterSignUp .form2 .column .left .line input, #view_hosterSignUp .form2 .column .left .line textarea { border: none; width: 290px; padding-left: 15px; }
#view_hosterSignUp .form2 .column .left .line textarea { padding: 0; }
#view_hosterSignUp .form2 .column .left .line-intro { position: relative; height: 90px; }
#view_hosterSignUp .form2 .column .left .line-intro span, #view_hosterSignUp .form2 .column .left .line-intro textarea { float: left; margin-top: 10px; }
#view_hosterSignUp .form2 .column .left .line-intro textarea { padding-left: 15px; }
#view_hosterSignUp .form2 .column .right { width: 156px; }
#view_hosterSignUp .form2 .column .right .uploadImg { width: 156px; height: 119px; overflow: hidden; background: url("../images/cpr_signupbg5.png") #F3F0F0 center center no-repeat; }
#view_hosterSignUp .form2 .column .right p { font-size: 14px; line-height: 62px; text-align: center; }

#view_home { background: url("../images/cpr_home_bg2.jpg") center 110px no-repeat; }
#view_home .sec1 > .wrap { width: 1100px; height: 636px; overflow: hidden; margin: 0 auto; margin-top: 50px; position: relative; background: url("../images/cpr_home_bg1.png") center center no-repeat; }
#view_home .sec1 > .wrap .hd-lv1 .menu-lv1 { width: 274px; height: 64px; float: left; overflow: hidden; background: #fff; border-bottom: 6px solid #D8D7D7; font-size: 18px; line-height: 64px; text-align: center; color: #090715; }
#view_home .sec1 > .wrap .hd-lv1 .menu-lv1 a { color: #090715; }
#view_home .sec1 > .wrap .hd-lv1 .menu-lv1.on { background: #38C2DF; }
